.container {
  padding: 40rpx;
  padding-bottom: 0;
}

.page-section {
  width: 100%;
  margin-bottom: 30rpx;
  border-radius: 20rpx;
}

.swiper_wrap {
  overflow: hidden;
}

.swiper-item {
  display: block;
  height: 150px;



  image {
    width: 100%;
    height: 100%;
    border-radius: 20rpx;
  }
}

.dots {
  display: flex;
  justify-content: center;
  margin-bottom: 30rpx;


  .dot {
    width: 14rpx;
    height: 14rpx;
    background-color: rgba(165, 165, 165, .5);
    border-radius: 7rpx;
    transition: all 0.6s;
    margin: 0 8rpx;
  }

  .active {
    width: 24rpx;
    background-color: var(--themeColor);
  }
}

.f-category {
  padding: 20rpx;
  background-color: #FFFFFF;
  border-radius: 10px;

  text {
    font-size: 28rpx;
  }

  .wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    image {
      width: 50px;
      height: 50px;
      margin-bottom: 5px;
      //border-radius: 100%;
    }
  }

  .van-row {
    margin-bottom: 20rpx;
  }

  .van-col {
    margin: 25rpx 0;
  }

  .last-row {
    margin-bottom: 0;
  }
}

.f-ad {
  padding-bottom: 20rpx;
  border-bottom: 1px solid #E4E4E4;
}

image {
  width: 100%;
}


.f-tabs {
  width: 100%;
  margin-top: 20rpx;
  // &.van-tabs--line {
  //   .van-tabs__wrap {
  //     height: initial
  //   }
  // }

  .van-tab {
    padding: 0;
  }

  .van-tabs__line {
    background-color: #0faffb;
  }

  .van-tabs__scroll {
    background: transparent;
  }
}

.filter {
  line-height: 44PX;
  text-align: right;
  color: var(--tab-text-color, #646566);
  font-size: var(--tab-font-size, 14px);

}

.card-list {
  margin-top: 0rpx;

  &-item {
    margin-top: 40rpx;
  }
}

.food-card__cart {
  position: absolute;
  bottom: 20rpx;
  right: 20rpx;
}

.demo-text-1 {
  position: relative;
  align-items: center;
  justify-content: center;
  background-color: #1AAD19;
  color: #FFFFFF;
  font-size: 36rpx;
}

.demo-text-1:before {
  content: 'A';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.demo-text-2 {
  position: relative;
  align-items: center;
  justify-content: center;
  background-color: #2782D7;
  color: #FFFFFF;
  font-size: 36rpx;
}

.demo-text-2:before {
  content: 'B';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.demo-text-3 {
  position: relative;
  align-items: center;
  justify-content: center;
  background-color: #F1F1F1;
  color: #353535;
  font-size: 36rpx;
}

.demo-text-3:before {
  content: 'C';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

//社区选择模块
.choose_community_wrap {
  padding: 0 60rpx;
  background-color: #fff;
  display: flex;
  line-height: 60rpx;
  margin-top: 2rpx;
  position: absolute;
  width: 100%;
  z-index: 999;
  top: 90rpx;
  font-size: 28rpx;
  height: 350rpx;
  //top: 89rpx;
  // top: -350rpx;

  .community_wrap {
    flex: 2;

    .community_item {}

    .active {
      color: var(--themeColor);
    }
  }

  .group_wrap {
    flex: 3;

    .group_item {
      display: flex;
      justify-content: space-between;
    }

    .active {
      color: var(--themeColor);
    }
  }

  @keyframes down {
    from {
      height: 0;
    }

    to {
      height: 350rpx;
    }
  }

  @keyframes up {
    from {
      height: 350rpx;
    }

    to {
      height: 0;
    }
  }
}

.open {
  animation: down .5s ease;
}

.close {
  animation: up 1s;
}

.cart {
  padding: 0 30rpx;
}